<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>我的点赞</title>
    <link href="css/mui.css" rel="stylesheet"/>
    <link rel="stylesheet" href="css/main.css" />
    <link rel="stylesheet" href="css/mygivelike.css" />
    <link rel="stylesheet" href="iconfont/iconfont.css" />
    <style>
		#slider,.mui-content{
            width: 100%;
            height: 100%;
        }
        .mui-scroll-wrapper{
            width:100%;
            height:auto;
            overflow: visible;
        }
        .mui-slider-group{
            height:95%!important;
            overflow: visible;
            background: #fff;
        }
            
		</style>
</head>
<body>
    <!--header开始-->
      <header>
        <main>
	      	<div class="iconfont icon-fanhui mui-action-back" style="font-size:0.34rem"></div>
	      	<div style="font-size:0.34rem;color:#fff;">我的点赞</div>
	      	<div></div>
      	</main>
      </header>
    <!--header结束-->
    <!--content开始-->
    <section class="content">
    		<div class="mui-content">
 			    <div id="slider" class="mui-slider"  style="position:relative;">
					<div id="sliderSegmentedControl" class="author-listnav mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					    <a class="mui-control-item mui-active" href="#item1author">全部</a>
						<a class="mui-control-item" href="#item2author">作品</a>
						<a class="mui-control-item" href="#item3author">文章</a>
					</div>
					<div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-4http://127.0.0.1:8020/mlgy/mygivelike.html"></div>
				    	<div class="mui-slider-group mui-fullscreen">
						<div id="item1author" class="mui-slider-item mui-control-content ">
							<div id="scroll1" class="mui-scroll-wrapper">
								<div class="mui-scroll">
									<!--开始-->
									 <div class="lists" style="background: #fff;">	
	    		 <main>
	    			<div class="clist-title">
	    				<ul class="clist-title-left">
		    				<li>
		    					<a href="" class="authorList" style="display:block; ">
		    						<img src="img/aimg.png" alt="" />
		    					</a>	
		    				</li>
		    				<li>芝士</li>
		    				<li>单图</li>
	    				</ul>
	    				<li>一分钟前</li>
	    			</div>
	    		   <!--主题图片-->
	    		   <a href="" class="clist-imgBox" style="display: block;">
	    		   	   <img src="img/aimg.png" alt="" class="clist-img"/>
	    		   </a>
	    		   <div class="imgtitle">酉游记—最终版</div>
	    		   <!--底部分享等列表-->
	    		   <ul class="clist-operation">
	    		   	<li>
	    		   	   <img src="img/icon_zhuanfa_d@2x.png" alt=""   style="width:0.36rem;height:0.36rem;"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   	<li>
	    		   	   <img src="img/icon_soucang@2x.png" alt=""   style="width:0.36rem;height:0.36rem;"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   	<li>
	    		   	   <img src="img/icon_comment@2x.png" alt=""   style="width:0.36rem;height:0.36rem;"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   	<li>
	    		   	   <img src="img/icon_zan@2x.png" alt=""   style="width:0.36rem;height:0.36rem;"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   </ul>
	    		    </main>
	    		</div>
	    		<!--文章-->
	    		    <div class="articleListBox" style="background: #fff;padding-top:0.4rem">
	             <main>
	    	    	<ul class="articleList">
		    	   	   <li>
		    	   	   	  <div class="articleList-title">
		    	   	   	  	<a href="">如何成为一个优秀的插画师</a>
		    	   	   	  	<div class="articleList-clssify">文章</div>
		    	   	   	  </div>
		    	   	   	  <div class="articleList-author">
		    	   	   	  	<span>By</span>
		    	   	   	  	<span>我好像生病了</span>
		    	   	   	  </div>
		    	   	   	  <div class="articleList-info">
		    	   	   	  	  <a href="" style="display: inline-block;" >
		    	   	   	  	  	毕业到现在一直做各种设计，由于工作的设计内容比较散，所以每次设计的时候经常会拿到设...
		    	   	   	  	  </a>
		    	   	   	  </div>
		    	   	   </li>
		    	   	   <li class="articleList-img">
		    	   	   	  <a href="" style="display: block;"><img src="img/aimg.png" alt="" /></a>
		    	   	   </li>
	    	   	   </ul>
	    	   	   <!--底部分享等列表-->
	    		   <ul class="clist-operation">
		    		   	<li>
		    		   	   <img src="img/icon_zhuanfa_d@2x.png" alt=""  style="width:0.36rem;height:0.36rem;"/>
		    		   	   <span>69</span>
		    		   	</li>
		    		   	<li>
		    		   	   <img src="img/icon_soucang@2x.png"   style="width:0.36rem;height:0.36rem;"/>
		    		   	   <span>69</span>
		    		   	</li>
		    		   	<li>
		    		   	   <img src="img/icon_comment@2x.png" alt=""   style="width:0.36rem;height:0.36rem;"/>
		    		   	   <span>69</span>
		    		   	</li>
		    		   	<li>
		    		   	   <img src="img/icon_zan@2x.png" alt=""   style="width:0.36rem;height:0.36rem;"/>
		    		   	   <span>69</span>
		    		   	</li>
	    		   </ul>
	    		  </main>
	    	   </div>
	    	   <!--文章-->
	    		    <div class="articleListBox" style="background: #fff;padding-top:0.4rem">
	             <main>
	    	    	<ul class="articleList">
		    	   	   <li>
		    	   	   	  <div class="articleList-title">
		    	   	   	  	<a href="">如何成为一个优秀的插画师</a>
		    	   	   	  	<div class="articleList-clssify">文章</div>
		    	   	   	  </div>
		    	   	   	  <div class="articleList-author">
		    	   	   	  	<span>By</span>
		    	   	   	  	<span>我好像生病了</span>
		    	   	   	  </div>
		    	   	   	  <div class="articleList-info">
		    	   	   	  	  <a href="" style="display: inline-block;" >
		    	   	   	  	  	毕业到现在一直做各种设计，由于工作的设计内容比较散，所以每次设计的时候经常会拿到设...
		    	   	   	  	  </a>
		    	   	   	  </div>
		    	   	   </li>
		    	   	   <li class="articleList-img">
		    	   	   	  <a href="" style="display: block;"><img src="img/aimg.png" alt="" /></a>
		    	   	   </li>
	    	   	   </ul>
	    	   	   <!--底部分享等列表-->
	    		   <ul class="clist-operation">
		    		   	<li>
		    		   	   <img src="img/icon_zhuanfa_d@2x.png" alt=""  style="width:0.36rem;height:0.36rem;"/>
		    		   	   <span>69</span>
		    		   	</li>
		    		   	<li>
		    		   	   <img src="img/icon_soucang@2x.png"   style="width:0.36rem;height:0.36rem;"/>
		    		   	   <span>69</span>
		    		   	</li>
		    		   	<li>
		    		   	   <img src="img/icon_comment@2x.png" alt=""   style="width:0.36rem;height:0.36rem;"/>
		    		   	   <span>69</span>
		    		   	</li>
		    		   	<li>
		    		   	   <img src="img/icon_zan@2x.png" alt=""   style="width:0.36rem;height:0.36rem;"/>
		    		   	   <span>69</span>
		    		   	</li>
	    		   </ul>
	    		  </main>
	    	   </div>
	    	<!--文字-->
	    	<div class="lists" style="padding-bottom:0.2rem;background: #fff;">	
	    	  	<main>
	    			<div class="clist-title">
	    				<ul class="clist-title-left">
		    				<li>
		    					<a href="" class="authorList" style="display:block; ">
		    						<img src="img/aimg.png" alt="" />
		    					</a>	
		    				</li>
		    				<li>芝士</li>
	    				</ul>
	    				<li>一分钟前</li>
	    			</div>
	    		   <!--主题图片-->
		    		  <a href="" style="display: block;margin-top:0.3rem;">
		    		  	<p style="font-size:0.28rem;color:#222">人的一生，就像被放飞的风筝，总想飞得更高，
		    		  		飞往更广阔的世界，却被冥冥中的丝线牵着，走不脱，
		    		  		等风雨一过，牵着的线断了，我们也飞不动了，
		    		  		此刻才无比怀念当初的那份牵引。因为线的那头，住着我们一生中最重要的人。</p>
		    		  </a>
	    		   <!--底部分享等列表-->
	    		   <ul class="clist-operation">
	    		   	<li>
	    		   	   <img src="img/p_icon_look@2x.png" alt="" style="width:0.36rem;height:0.222rem;"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   	<li>
	    		   	   <img src="img/icon_comment@2x.png" alt=""   style="width:0.36rem;height:0.36rem;"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   	<li>
	    		   	   <img src="img/icon_zan@2x.png" alt=""   style="width:0.36rem;height:0.36rem;"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   </ul>
	    	  	<main>
	    		</div>
								</div>
							</div>
	http://127.0.0.1:8020/mlgy/mygivelike.html
						</div>http://127.0.0.1:8020/mlgy/mygivelike.html
						<div id="item2author" class="mui-slider-item mui-control-content">
							<div id="scroll2" class="mui-scroll-wrapper">
								<div class="mui-scroll">
									 <div class="lists" style="background: #fff;">	
	    		 <main>
	    			<div class="clist-title">
	    				<ul class="clist-title-left">
		    				<li>
		    					<a href="" class="authorList" style="display:block; ">
		    						<img src="img/aimg.png" alt="" />
		    					</a>	
		    				</li>
		    				<li>芝士</li>
		    				<li>单图</li>
	    				</ul>
	    				<li>一分钟前</li>
	    			</div>
	    		   <!--主题图片-->
	    		   <a href="" class="clist-imgBox" style="display: block;">
	    		   	   <img src="img/aimg.png" alt="" class="clist-img"/>
	    		   </a>
	    		   <div class="imgtitle">酉游记—最终版</div>
	    		   <!--底部分享等列表-->
	    		   <ul class="clist-operation">
	    		   	<li>
	    		   	   <img src="img/icon_zhuanfa_d@2x.png" alt=""   style="width:0.36rem;height:0.36rem;"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   	<li>
	    		   	   <img src="img/icon_soucang@2x.png" alt=""   style="width:0.36rem;height:0.36rem;"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   	<li>
	    		   	   <img src="img/icon_comment@2x.png" alt=""   style="width:0.36rem;height:0.36rem;"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   	<li>
	    		   	   <img src="img/icon_zan@2x.png" alt=""   style="width:0.36rem;height:0.36rem;"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   </ul>
	    		    </main>
	    		</div>
	    		<!--文章-->
	    		    <div class="articleListBox" style="background: #fff;padding-top:0.4rem">
	             <main>
	    	    	<ul class="articleList">
		    	   	   <li>
		    	   	   	  <div class="articleList-title">
		    	   	   	  	<a href="">如何成为一个优秀的插画师</a>
		    	   	   	  	<div class="articleList-clssify">文章</div>
		    	   	   	  </div>
		    	   	   	  <div class="articleList-author">
		    	   	   	  	<span>By</span>
		    	   	   	  	<span>我好像生病了</span>
		    	   	   	  </div>
		    	   	   	  <div class="articleList-info">
		    	   	   	  	  <a href="" style="display: inline-block;" >
		    	   	   	  	  	毕业到现在一直做各种设计，由于工作的设计内容比较散，所以每次设计的时候经常会拿到设...
		    	   	   	  	  </a>
		    	   	   	  </div>
		    	   	   </li>
		    	   	   <li class="articleList-img">
		    	   	   	  <a href="" style="display: block;"><img src="img/aimg.png" alt="" /></a>
		    	   	   </li>
	    	   	   </ul>
	    	   	   <!--底部分享等列表-->
	    		   <ul class="clist-operation">
		    		   	<li>
		    		   	   <img src="img/icon_zhuanfa_d@2x.png" alt=""  style="width:0.36rem;height:0.36rem;"/>
		    		   	   <span>69</span>
		    		   	</li>
		    		   	<li>
		    		   	   <img src="img/icon_soucang@2x.png"   style="width:0.36rem;height:0.36rem;"/>
		    		   	   <span>69</span>
		    		   	</li>
		    		   	<li>
		    		   	   <img src="img/icon_comment@2x.png" alt=""   style="width:0.36rem;height:0.36rem;"/>
		    		   	   <span>69</span>
		    		   	</li>
		    		   	<li>
		    		   	   <img src="img/icon_zan@2x.png" alt=""   style="width:0.36rem;height:0.36rem;"/>
		    		   	   <span>69</span>
		    		   	</li>
	    		   </ul>
	    		  </main>
	    	   </div>
	    	   <!--文章-->
	    		    <div class="articleListBox" style="background: #fff;padding-top:0.4rem">
	             <main>
	    	    	<ul class="articleList">
		    	   	   <li>
		    	   	   	  <div class="articleList-title">
		    	   	   	  	<a href="">如何成为一个优秀的插画师</a>
		    	   	   	  	<div class="articleList-clssify">文章</div>
		    	   	   	  </div>
		    	   	   	  <div class="articleList-author">
		    	   	   	  	<span>By</span>
		    	   	   	  	<span>我好像生病了</span>
		    	   	   	  </div>
		    	   	   	  <div class="articleList-info">
		    	   	   	  	  <a href="" style="display: inline-block;" >
		    	   	   	  	  	毕业到现在一直做各种设计，由于工作的设计内容比较散，所以每次设计的时候经常会拿到设...
		    	   	   	  	  </a>
		    	   	   	  </div>
		    	   	   </li>
		    	   	   <li class="articleList-img">
		    	   	   	  <a href="" style="display: block;"><img src="img/aimg.png" alt="" /></a>
		    	   	   </li>
	    	   	   </ul>
	    	   	   <!--底部分享等列表-->
	    		   <ul class="clist-operation">
		    		   	<li>
		    		   	   <img src="img/icon_zhuanfa_d@2x.png" alt=""  style="width:0.36rem;height:0.36rem;"/>
		    		   	   <span>69</span>
		    		   	</li>
		    		   	<li>
		    		   	   <img src="img/icon_soucang@2x.png"   style="width:0.36rem;height:0.36rem;"/>
		    		   	   <span>69</span>
		    		   	</li>
		    		   	<li>
		    		   	   <img src="img/icon_comment@2x.png" alt=""   style="width:0.36rem;height:0.36rem;"/>
		    		   	   <span>69</span>
		    		   	</li>
		    		   	<li>
		    		   	   <img src="img/icon_zan@2x.png" alt=""   style="width:0.36rem;height:0.36rem;"/>
		    		   	   <span>69</span>
		    		   	</li>
	    		   </ul>
	    		  </main>
	    	   </div>
	    	<!--文字-->
	    	<div class="lists" style="padding-bottom:0.2rem;background: #fff;">	
	    	  	<main>
	    			<div class="clist-title">
	    				<ul class="clist-title-left">
		    				<li>
		    					<a href="" class="authorList" style="display:block; ">
		    						<img src="img/aimg.png" alt="" />
		    					</a>	
		    				</li>
		    				<li>芝士</li>
	    				</ul>
	    				<li>一分钟前</li>
	    			</div>
	    		   <!--主题图片-->
		    		  <a href="" style="display: block;margin-top:0.3rem;">
		    		  	<p style="font-size:0.28rem;color:#222">人的一生，就像被放飞的风筝，总想飞得更高，
		    		  		飞往更广阔的世界，却被冥冥中的丝线牵着，走不脱，
		    		  		等风雨一过，牵着的线断了，我们也飞不动了，
		    		  		此刻才无比怀念当初的那份牵引。因为线的那头，住着我们一生中最重要的人。</p>
		    		  </a>
	    		   <!--底部分享等列表-->
	    		   <ul class="clist-operation">
	    		   	<li>
	    		   	   <img src="img/p_icon_look@2x.png" alt="" style="width:0.36rem;height:0.222rem;"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   	<li>
	    		   	   <img src="img/icon_comment@2x.png" alt=""   style="width:0.36rem;height:0.36rem;"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   	<li>
	    		   	   <img src="img/icon_zan@2x.png" alt=""   style="width:0.36rem;height:0.36rem;"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   </ul>
	    	  	<main>
	    		</div>
								</div>
							</div>
	
						</div>
						<div id="item3author" class="mui-slider-item mui-control-content">
							<div id="scroll3" class="mui-scroll-wrapper">
								<div class="mui-scroll">
									
									<div class="lists" style="background: #fff;">	
	    		 <main>
	    			<div class="clist-title">
	    				<ul class="clist-title-left">
		    				<li>
		    					<a href="" class="authorList" style="display:block; ">
		    						<img src="img/aimg.png" alt="" />
		    					</a>	
		    				</li>
		    				<li>芝士</li>
		    				<li>单图</li>
	    				</ul>
	    				<li>一分钟前</li>
	    			</div>
	    		   <!--主题图片-->
	    		   <a href="" class="clist-imgBox" style="display: block;">
	    		   	   <img src="img/aimg.png" alt="" class="clist-img"/>
	    		   </a>
	    		   <div class="imgtitle">酉游记—最终版</div>
	    		   <!--底部分享等列表-->
	    		   <ul class="clist-operation">
	    		   	<li>
	    		   	   <img src="img/icon_zhuanfa_d@2x.png" alt=""   style="width:0.36rem;height:0.36rem;"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   	<li>
	    		   	   <img src="img/icon_soucang@2x.png" alt=""   style="width:0.36rem;height:0.36rem;"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   	<li>
	    		   	   <img src="img/icon_comment@2x.png" alt=""   style="width:0.36rem;height:0.36rem;"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   	<li>
	    		   	   <img src="img/icon_zan@2x.png" alt=""   style="width:0.36rem;height:0.36rem;"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   </ul>
	    		    </main>
	    		</div>
	    			<div class="lists" style="background: #fff;">	
	    		 <main>
	    			<div class="clist-title">
	    				<ul class="clist-title-left">
		    				<li>
		    					<a href="" class="authorList" style="display:block; ">
		    						<img src="img/aimg.png" alt="" />
		    					</a>	
		    				</li>
		    				<li>芝士</li>
		    				<li>单图</li>
	    				</ul>
	    				<li>一分钟前</li>
	    			</div>
	    		   <!--主题图片-->
	    		   <a href="" class="clist-imgBox" style="display: block;">
	    		   	   <img src="img/aimg.png" alt="" class="clist-img"/>
	    		   </a>
	    		   <div class="imgtitle">酉游记—最终版</div>
	    		   <!--底部分享等列表-->
	    		   <ul class="clist-operation">
	    		   	<li>
	    		   	   <img src="img/icon_zhuanfa_d@2x.png" alt=""   style="width:0.36rem;height:0.36rem;"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   	<li>
	    		   	   <img src="img/icon_soucang@2x.png" alt=""   style="width:0.36rem;height:0.36rem;"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   	<li>
	    		   	   <img src="img/icon_comment@2x.png" alt=""   style="width:0.36rem;height:0.36rem;"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   	<li>
	    		   	   <img src="img/icon_zan@2x.png" alt=""  style="width:0.36rem;height:0.36rem;"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   </ul>
	    		    </main>
	    		</div>
								</div>
							</div>
						</div>
					  </div>
				  </div>
				</div>
    </section>
    <!--content结束-->
</body>
<script src="js/mui.js"></script>
<script src="js/pxtorem.js"></script>
<script src="js/scrollnone.js"></script>
</html>